// 引入vue,js 并且解构出 createApp方法,
import { createApp } from 'vue'
// 引入App.vue 根组件
import App from './App.vue'
// 引入全局的样式css 在js 文件中引入css 支持,由于vite这个脚手架工具做了配置
import './assets/main.css'

// 创建一个vue根实例,并绑定挂载根节点,这样根节点就支持vue 语法了
const app = createApp(App)
// 在项目的入口文件中注册全局组件
import globalChild from './components/globalCom.vue'
// 全局注册的组件可以在全局的任意组件位置使用,不需要在引入注册,而局部组件需要引入到当前组件中,然后注册使用
app.component('globalChild', globalChild)

// 导入路由对象
import router from './router/index.js'
// 将路由对象挂载到根实例,这样整个应用或项目在任意位置都可以使用配置好的路由规则啦.
// console.log(1, router);
app.use(router)


app.mount('#app')
